import { $ } from './library/jquery.js';
import cookie from './library/cookie.js';

$(function () {

    // 点击下拉菜单
    $('.phone-box-info').on('click', function (ev) {
        if ($('.phone-list').hasClass('hide')) {
            $('.phone-list').removeClass('hide');
        } else {
            $('.phone-list').addClass('hide');
        }
        ev.stopPropagation();
    });
    $('.country-box').on('click', function (ev) {
        if ($('.country-list').hasClass('hide')) {
            $('.country-list').removeClass('hide');
        } else {
            $('.country-list').addClass('hide');
        }
        ev.stopPropagation();
    });
    $(document).click(function () {
        if (!$(".phone-list").hasClass('hide')) {
            $(".phone-list").addClass('hide');
        };
        if (!$(".country-list").hasClass('hide')) {
            $(".country-list").addClass('hide');
        };
    });

    $('#phone-search,#country-search').click((ev) => {
        ev.stopPropagation();
    });
    // 点击li切换内容
    $('.country-list>li').click(function (ev) {
        $('.country-box-info').html($(this).html());
        $('.country-list').addClass('hide');
        ev.stopPropagation();
    });

    $('.phone-list>li').click(function (ev) {
        $('.phone-box-info>span:first-of-type').html($(this).html());
        $('.phone-list').addClass('hide');
        ev.stopPropagation();
    });
    // hide-txt
    $('#password,#username').on('blur', function () {
        if (!$(this).val()) {
            $(this).css('border-color', '#ff6700');
            $(this).parent().next('.hide-txt').removeClass('hide');
        } else {
            $(this).css('border-color', '');
            $(this).parent().next('.hide-txt').addClass('hide');
        }
    });

    $('#phone').on('blur', function () {
        if (!$(this).val()) {
            $(this).parent().css('border-color', '#ff6700');
            $(this).parent().next('.hide-txt').removeClass('hide');
        } else {
            $(this).parent().css('border-color', '');
            $(this).parent().next('.hide-txt').addClass('hide');
        }
    });

    // 正则验证
    let RegExpPhone = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/,
        RegExpUsername = /\w{6,}/,
        RegExpPassword = /\w{6,}/;
    $('#phone').on('input', function () {
        $('.regexp-phone').html(RegExpPhone.test($(this).val()) ? '' : '请输入正确的手机号');
    });
    $('#username').on('input', function () {
        // $('.regexp-username').html(RegExpUsername.test($(this).val()) ? '' : '请输入正确的手机号');
        console.log(RegExpUsername.test($(this).val()))
        if (!RegExpUsername.test($(this).val())) {
            $('.regexp-username').html('用户名长度不够').addClass('red');
        } else {
            $.ajax({
                type: "get",
                url: "../../interface/hasname.php",
                data: {
                    username: $(this).val()
                },
                dataType: "json"
            }).then(function (data) {
                // console.log(data);
                $('.regexp-username').html(data.msg);
                if (data.has) {
                    $('.regexp-username').addClass('red');
                } else {
                    $('.regexp-username').removeClass('red');
                }
            }).catch(function (xhr) {
                console.log(xhr);
            });
        }

    });
});